.dropdown-container {
  position: relative;
  display: inline-block;

  .trigger-area {
    position: relative;
    left: -780px; // 移除异常偏移
    padding: 10px;
    border-radius: 5px;
    background: #f5f5f5;
    cursor: pointer;

    transition: background 0.3s;
    .drop-down {
      margin-left: 10px;
      font-size: 14px;
      color: #959c9c;
      border-radius: 5px;
      &:hover {
        background: #e0e0e0;
      }
    }
  }
}

ul{
  padding-left: 0;list-style: none;
}

.main-category {
  display: flex;
  justify-content: space-around;
  
  gap: 50px;
  .sub-items {
    display: flex;
    flex-direction: column;
     color: #868d97;
    gap: 15px;
    flex-wrap: wrap;
    .sub-items li {
    padding: 10px 12px;
    background: #f5f5f5;
   
    border-radius: 4px;
    white-space: nowrap;
}
 
 .sub-items li:first-child {
   margin-top: 20px;
 }

  }
}